
type MsgForm = 1 | 2; // 消息来源1自己 2其他人
function Index() {
    const msgForm:MsgForm = 1
  return (
    <div>
      <div className="text-xs py-3 text-[#999] w-full text-center">
        2025-03-09 13:22
      </div>
      <div className={`chat-messages flex align-top gap-x-5 my-5 ${msgForm === 1 ? 'flex-row-reverse' : ''}`}>
        <div className="avatar">
          <img
            className="w-[40px] h-[40px] rounded-full"
            src="https://thirdwx.qlogo.cn/mmopen/vi_32/BiblaKjthHdxDB8u7py2Ncv3iczC9ibTlQy3TfOicKlicicR8fk2y2cEjI5JJdge2qaTTickOOIaPr8IsnHXib03nazCZw/132"
            alt=""
          />
        </div>
        <div className="">
          <div className={`text-[#999] text-xs mb-[8px] ${msgForm === 1 ? ' text-end' : ''}`}>测试网名</div>
          <div className="px-[12px] py-[8px] text-[15px] leading-[22px] min-h-[1em] text-white bg-[#383c4b] rounded-tl-[2px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]">
            123
          </div>
          {/* 引用 */}
          <div className="px-[12px] py-[4px] mt-1 bg-[#424656] leading-1 cursor-pointer rounded-lg">
            <span className="text-[#999] text-xs leading-1">
              66666666666666666666
            </span>
          </div>
        </div>
      </div>
    </div>
  );
}

export default Index;
